<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>早开户</title>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/header.css"/>
    <link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
	<!--下面这里是头部-->
	<header class="header">
		<img src="images/index1.png" class="header-logo"/>
		<img src="images/index2.png" class="header-text"/>
	</header>
	<div class="background">
		<img src="./images/bg1_1.jpg" alt="" />
	</div>
	<div class="background" id="clickarea">
		<img src="./images/bg2_1.jpg" alt="" />
	</div>
	<footer class="footer">
		<div class="mui-pull-left">
			<p>电&nbsp;&nbsp;话：13607876767</p>
			<p>QQ群：573129642</p>
		</div>
		<a href="tel:13607876767" class="mui-pull-right mui-btn">
			电话咨询
		</a>
	</footer>
	<script type="text/javascript">
		;(function(){
			var ratio = window.innerWidth /  720;
			var clk = document.getElementsByClassName("clk");
			var elems = [270,560,855,1110];
			for(var i=0,j=elems.length;i<j;i++){
				clk[i].style.width = 220*ratio+'px';
				clk[i].style.height = 50*ratio+'px';
				clk[i].style.left = 170*ratio+'px';
				clk[i].style.top = elems[i]*ratio+'px';
			}
		})();
	</script>
</body>
</html>
